<template>
  <div>
    <Comp :title="'用户名'">
      <template>
        <input type="text" />
      </template>
    </Comp>
    <Comp :title="'密码'">
      <template>
        <input type="password" />
      </template>
    </Comp>
    <Comp :title="'性别'">
      <input type="radio" value="男" name="1" /> 男
      <input type="radio" value="女" name="1" /> 女
    </Comp>
    <Comp :title="'爱好'">
      <input type="checkbox" value="抽烟" />抽烟
      <input type="checkbox" value="喝酒" />喝酒
      <input type="checkbox" value="烫头" />烫头
    </Comp>
    <Comp :title="'来自于'">
      <select>
        <option value="北京市">北京</option>
        <option value="南京市">南京</option>
        <option value="天津市">天津</option>
      </select>
    </Comp>
  </div>
</template>

<script>
import Comp from "./components/Comp.vue";
export default {
  components: {
    Comp,
  },
};
</script>

<style>
</style>